@import "/pages/study/study.skeleton.wxss";

.study-container {
  min-height: 100vh;
  // background-color: #fff;
  background-color: var(--backgroundColor);

  .list-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* 定义四列，每列宽度平均分配 */
    // grid-template-rows: 100px 200px;
    /* 定义两行，第一行高度为100px，第二行高度为200px */

    .study-list {
      margin: 20rpx 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      image {
        width: 100rpx;
        height: 100rpx;
        border-radius: 10rpx;
      }

      .title {
        margin-top: 10rpx;
        font-size: 28rpx;
        color: var(--fontColor1);
      }
    }
  }

  .loading {
    width: 100vw;
  }

}